<template>
    <div class="scroll-wrapper" ref="wrapper">
        <div class="scroll-content">
            <h1 class="title">潮州市古城首批选入中国夜间文化和夜间旅游消费集聚区公示名单</h1>
            <div class="others">
                <span class="item">潮州市文旅</span>
                <span class="item">2023-10-12</span>
            </div>
            <hr />
            <p>10月19日，国家文化和旅游部公示“第一批国家级夜间文化和旅游消费集聚区名单”，潮州市潮州古城与上海市黄浦区外滩风景区、广州市北京路、南京市夫子庙-秦淮风光带等拟确定的全国120个项目一同入选。</p>
            <p>潮州是广东省第一批获得“国家历史文化名城”称号的城市，境内有金山、葫芦山、笔架山三山鼎立，韩江一水绕城，拥有文物古迹700多处，5处为国家重点文物保护单位。</p>
            <div class="img">
                <img src="~images/newsDetail/1.png" />
                <p class="img-info">潮州牌坊街夜景。郑坚 摄</p>
            </div>
            <p>位于潮州市内的潮州古城，是一座“活着”的古城。古城文物古迹众多，中轴线格局保存完整，建筑遗存古色古香，居民民宿儒雅闲适，名门望族宗祠遍布。始于唐朝、经过历史数次大规模修建的开元寺屹立在古城间，登上城楼可将韩江水、湘子桥等潮州主要标志建筑尽收眼底的广济门庄严巍峨地守护着古城千年来的痕迹。古城的大街小巷里，众多历史建筑与市井生活融为一体。夜间灯光亮起，游客可漫步牌坊街的十大名巷中，感受古建筑的典雅气度。也可步行至江边，在韩江边感受亲水古城，游览夜色下灯光点缀的古城夜景。
            </p>
            <p>第一批国家级夜间文化和旅游消费集聚区建设提出六条遴选要求。一是四至范围明确，文体商旅综合体商业面积应不低于1万平方米；二是业态集聚度高，区域内夜间营业商户中的文化类商户数量或营业面积应占比不低于40%；三是公共服务完善，夜间社会治安、照明、卫生、交通、移动通信情况良好；四是品牌知名度较高，区域内夜间文化和旅游消费活动形式多样、内容丰富，形成集聚效应、品牌效应；五是市场秩序规范良好，消费环境诚信守法、文明有序、健康绿色，消费者夜间消费维权便利；六是政策环境良好，所在地级市、副省级市或直辖市市辖区（县）重视发展夜间文化和旅游经济，合理规划文化和旅游消费场所设施空间布局。
            </p>
            <hr />
            <div class="others">
                <span class="item">编辑：潮州市旅游中心</span>
            </div>
        </div>
    </div>
</template>

<script>
//BetterScroll重点解决移动端（已支持 PC）各种滚动场景需求的插件
/**  BetterScroll初始化的时候必须传入一个节点，在该程序中传入的节点为
<div class="scroll-wrapper" ref="wrapper">*/
// <div class="scroll-content">这里面才是滚动区域的内容</div >
import BetterScroll from 'better-scroll';

export default {
    name: 'NewsDetail',
    methods: {
        close() {
            this.$router.go(-1);
        }
    },
    mounted() {
        // 在组件挂载完毕时，BetterScroll才初始化
        this.scroll = new BetterScroll(this.$refs.wrapper);
    }
};
</script>

<style lang="scss" scoped>
.scroll-wrapper {
    padding: .2rem;
    box-sizing: border-box;
    background-color: #fff;

    .title {
        display: inline-block;
        font-size: .22rem;
        line-height: .3rem;
        margin: .1rem 0;
    }

    p {
        font-size: .16rem;
        line-height: .2rem;
        text-indent: 2em;
    }

    .img{
        padding: .3rem 0;
        
        img{
            width: 100%;
        }

        p {
            font-size: .18rem;
            margin-top: .1rem;
            color: #999;
            text-align: center;
        }
    }

    .others {
        display: flex;
        justify-content: space-between;

        .item {
            font-size: .14rem;
        }
    }
}

</style>
